<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <title>Document</title>
</head>
<body>
    <div class="cover">
        <div id="demo" class="carousel slide cover" data-ride="carousel">
            <!-- 指示符 -->
            <ul class="carousel-indicators">
                <li data-target="#demo" data-slide-to="0" class="active"></li>
                <li data-target="#demo" data-slide-to="1"></li>
                <li data-target="#demo" data-slide-to="2"></li>
            </ul>
            <!-- 轮播图片 -->
            <div class="carousel-inner cover">
                <div class="carousel-item active cover">
                    <img class="cover" src="img/carousel1.jpg">
                    <div class="carousel-caption">
                        <a href="essay/login.html" style="color: darkslategrey; text-decoration: none;">
                            <h3>奥罗拉湖的夜晚</h3>
                            <p>点击此处可以登录哦！</p>
                        </a>
                    </div>
                </div>
                <div class="carousel-item cover">
                    <img class="cover" src="img/carousel2.jpg">
                    <div class="carousel-caption">
                        <a href="" style="color: darkslategrey; text-decoration: none;">
                            <h3>
                                等你的哦
                            </h3>
                            <p>
                                请君点击！
                            </p>
                        </a>
                    </div>
                </div>
                <div class="carousel-item cover">
                    <img class="cover" src="https://static.runoob.com/images/mix/img_mountains_wide.jpg">
                </div>
            </div>

            <!-- 左右切换按钮 -->
            <a class="carousel-control-prev" href="#demo" data-slide="prev">
                <span class="carousel-control-prev-icon"></span>
            </a>
            <a class="carousel-control-next" href="#demo" data-slide="next">
                <span class="carousel-control-next-icon"></span>
            </a>

        </div>

    </div>
</body>
<script src="bootstrap/js/jquery.min.js"></script>
<script src="js/index.js"></script>
<script src="bootstrap/js/popper.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script>
    var audio = document.getElementById("audio");
    console.log("1111")
    audio.play();
</script>
</html>